<template>
	<!-- 头图 -->
	<view class="head-img-container">
		<text class="gradient-text" style="font-size: 100px; ">ResNet </text> 
		<text class="gradient-text" style="font-size: 50px; ">动物识别 </text> 
	</view>
	<!-- 中间 -->
	<view class="src-container">
		<uni-section type="line" padding title="链接地址">
			<uni-list>
				<uni-list-item title="ResNet" note="https://arxiv.org/abs/1512.03385" 
					thumb="/static/my/about/resnet.png"
					to="/pages/tools/webview?url=https://xxx.itp.ac.cn/abs/1512.03385"
					thumb-size="medium"  :clickable="true"  />
				<uni-list-item title="Vue" note="https://cn.vuejs.org/" 
					thumb="/static/my/about/vue.png"
					to="/pages/tools/webview?url=https://cn.vuejs.org/"
					thumb-size="medium"  :clickable="true" />
				<uni-list-item title="uni-app" note="https://uniapp.dcloud.net.cn/" 
					thumb="/static/my/about/uniapp.png"
					to="/pages/tools/webview?url=https://uniapp.dcloud.net.cn/"
					thumb-size="medium"  :clickable="true"/>
				<uni-list-item title="软件下载地址" note="待添加"
					thumb="/static/my/about/download.png"
					to="/pages/tools/webview?url=https://gitee.com/zarttic/animal_class/releases/"
					thumb-size="medium"  :clickable="true"/>
			</uni-list>
		</uni-section>

	</view>
	<!-- 底部 -->
	<view class="foot">
	<view class="foot-info-box" >
		<!-- <uni-title type="h6" title="JUST_208111545116_毕业设计" align="center" color="white"></uni-title> -->
		<uni-title type="h6" title="CopyRight © 2024 毕业设计" align="center" color="white"></uni-title>
	</view>
		
	</view>
</template>

<script>
	export default{
		data(){
			return{
			}
		},
		onLoad() {

		}
	}
</script>

<style>
	.head-img-container{
			height: 200px;
			text-align: center;
			/* background-color: bisque; */
	}
	.src-container{
		margin-top: 30px;
		bottom: 0;
		height: 300px;
	}
	.foot{
		width: 100%;
		/* height: 80px; */
		position: absolute;
		bottom: 0;
		background: linear-gradient(to right, #ff8a007f, #da1b607f); /* 使用渐变色值 */
		/* background-color: cadetblue; */
	}
	.foot-info-box{
	
	}
	.gradient-text {
		font-size: 50px;
		font-weight: bold;
		background: linear-gradient(to right, #f9a825, #f06292); /* 定义渐变颜色 */
		-webkit-background-clip: text; /* 使文字颜色变为渐变色 */
		color: transparent; /* 隐藏文字本身的颜色 */
	}
	
</style>